<template>
    <div>
        <el-descriptions title="垂直带边框列表" direction="vertical" :column="8" border v-for="item in gethomelist"
            :key="item.totalInventory">
            <el-descriptions-item label="库存总量">{{ item.totalInventory }}</el-descriptions-item>
            <el-descriptions-item label="本年销售总额">{{ item.inventoryCosts }}</el-descriptions-item>
            <el-descriptions-item label="本周销售总额" :span="4">{{ item.soldThisYear }}</el-descriptions-item>
            <el-descriptions-item label="本年采购额" :span="4">{{ item.grossProfitForTheYear }}</el-descriptions-item>
            <el-descriptions-item label="库存成本" :span="4">{{ item.thisWeeksTotal }}</el-descriptions-item>
            <el-descriptions-item label="本年销售毛利" :span="4">{{ item.grossProfitThisWeek }}</el-descriptions-item>
            <el-descriptions-item label="本周销售毛利" :span="2">{{ item.purchasedYear }}</el-descriptions-item>
            <el-descriptions-item label="本月采购额">{{ item.purchasedMonth }}</el-descriptions-item>
        </el-descriptions>
    </div>
</template>
<script>
import { GetHome } from "@/api/WarehouseServer/HomeServer";
export default {
    data() {
        return {
            gethomelist: [],
        }
    },
    methods: {
        GetHome() {
            GetHome().then(res => {
                this.gethomelist = res.data;
            });
        }
    },
    mounted() {
        this.GetHome();
    },
    created() {

    },
}
</script>
<style></style>